<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>PA-Learning:Profil Professeur</title>
<meta name="description" content="">
<meta name="author" content="Ahmed Saeed">
<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
  ================================================== -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/bootstrap.min.css"
	media="screen">
<!-- jquery ui css -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/jquery-ui-1.10.1.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/customize.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/font-awesome.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/style.css">
<!-- flexslider css-->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/flexslider.css">
<!-- fancybox -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/js/fancybox/jquery.fancybox.css">
<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
		<link rel="stylesheet" href="css/font-awesome-ie7.css">
	<![endif]-->
<!-- Favicons
	================================================== -->
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/Vues/images/favicon.html">
<link rel="apple-touch-icon"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon.html">
<link rel="apple-touch-icon" sizes="72x72"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-72x72.html">
<link rel="apple-touch-icon" sizes="114x114"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-114x114.html">
</head>

<body>

	<div id="mainContainer" class="clearfix">

		<!--begain header-->
		<header>
			<div class="upperHeader">
				<div class="container">
					<ul class="pull-right inline">
						<li><a href=""><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/facebook_32.png" /></a></li>
						<li><a href="#"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/google_32.png" /></a></li>
						<li><a href="http://twitter.com/amaranthe"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/twitter_32.png" /></a></li>
						<li><a href="#"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/youtube_32.png" /></a></li>
					</ul>
					<% if (session.getAttribute("connecte") ==null  ){%>
                        <p>
                            Bienvenu au PA-Learning<a href="loginLerner">Connexion</a> ou <a href="register">Creer un nouveaux Compte</a>
                        </p>
                        <%} %>
                         	<% if (session.getAttribute("connecte") != null ){%>
                        <p>
                            Bienvenu au PA-Learning<a href="deconnecter">D&eacute;connexion</a>
                        </p>
                       <%} %>


				</div>
				<!--end container-->
			</div>
			<!--end upperHeader-->

			<div class="middleHeader">
				<div class="container">

					<div class="middleContainer clearfix">

						<div class="">
							<h1>
								<a href="front"><img alt="" src="${pageContext.request.contextPath}/Vues/img/icons/basic/logo.png"></a>
							</h1>
						</div>

						<div class="pull-right">
							<form method="get" action="" class="siteSearch">
								<div class="input-append">
									<input type="text" class="span2" id="appendedInputButton"
										placeholder="Search...">
									<button class="btn btn-primary" type="submit" name="">
										<i class="icon-search"></i>
									</button>
								</div>
							</form>
						</div>
						<div class="pull-right">
							<div class="btn-group">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									$ <span class="caret"></span>
								</a>
								<ul class="dropdown-menu currency">
									<li><a href="#">$</a></li>
									<li class="divider"></li>
									<li><a href="#">¥</a></li>
									<li class="divider"></li>
									<li><a href="#">£</a></li>
									<li class="divider"></li>
									<li><a href="#">€</a></li>
								</ul>
							</div>
							<div class="btn-group">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									EN <span class="caret"></span>
								</a>
								<ul class="dropdown-menu language">
									<li><a href="#">FR</a></li>
									<li class="divider"></li>
									<li><a href="#">CH</a></li>
									<li class="divider"></li>
									<li><a href="#">AR</a></li>
								</ul>
							</div>

							<div class="btn-group">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									<i class="icon-shopping-cart"></i> 3 Items <span class="caret"></span>
								</a>
								<div class="dropdown-menu cart-content pull-right">
									<table class="table-cart">
										<tbody>
											<tr>
												<td class="cart-product-info"><a href="#"><img
														src="img/72x72.jpg" alt="product image"></a>
													<div class="cart-product-desc">
														<p>
															<a class="invarseColor" href="#">Foliomania the
																designer portfolio brochure</a>
														</p>
														<ul class="unstyled">
															<li>Available: Yes</li>
															<li>Color: Black</li>
														</ul>
													</div></td>
												<td class="cart-product-setting">
													<p>
														<strong>1x-$500.00</strong>
													</p> <a href="#" class="remove-pro" data-toggle="tooltip"
													data-title="Delete"><i class="icon-trash"></i></a>
												</td>
											</tr>
											<tr>
												<td class="cart-product-info"><a href="#"><img
														src="${pageContext.request.contextPath}/Vues/img/72x72.jpg"
														alt="product image"></a>
													<div class="cart-product-desc">
														<p>
															<a class="invarseColor" href="#">Foliomania the
																designer portfolio brochure</a>
														</p>
														<ul class="unstyled">
															<li>Available: Yes</li>
															<li>Color: Black</li>
														</ul>
													</div></td>
												<td class="cart-product-setting">
													<p>
														<strong>2x-$450.00</strong>
													</p> <a href="#" class="remove-pro" data-toggle="tooltip"
													data-title="Delete"><i class="icon-trash"></i></a>
												</td>
											</tr>
										</tbody>
										<tfoot>
											<tr>
												<td class="cart-product-info"><a href="#"
													class="btn btn-small">Vew cart</a> <a href="#"
													class="btn btn-small btn-primary">Checkout</a></td>
												<td>
													<h3>
														TOTAL<br>$1,598.30
													</h3>
												</td>
											</tr>
										</tfoot>
									</table>
								</div>
							</div>
						</div>
						<!--end pull-right-->

					</div>
					<!--end middleCoontainer-->

				</div>
				<!--end container-->
			</div>
			<!--end middleHeader-->

			<div class="mainNav">
				<div class="container">
                        <div class="navbar">

                            <ul class="nav">
                                <li class="active"><a href="index.jsp"><i class="icon-home"></i></a></li>
                                <li>
                                    <a href="front">A propos<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                            <li><a href="profileformateurs"> <span>-</span>Nos Formateurs<i class="icon-caret-right"></i></a>
                                      <div>
                                        <ul>
                                            <li><a href="loginprof"> <span>-</span>Connectez Vous</a></li>
                                            
                                        </ul>
                                    </div>
                                    </li>
                                            <li><a href="loginresponsable.jsp"> <span>-</span> Responsable de qualité<i class="icon-caret-right"></i></a>
                                             <div>
                                        <ul>
                                            <li><a href="loginresponsable"> <span>-</span>Connectez Vous</a></li>
                                            
                                        </ul>
                                    </div></li>
                                        
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="themeFront">Cours<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                        <s:iterator value="th">
                                            <li><a href="themeFront1?pk=<s:property value="Thid"/>"> <s:property value="Hoti"/><i class="icon-caret-right"></i></a>
                                            <div>
                                                    <ul>
                                                    <s:iterator value="module">
                                                        <li><a href="modulFront1?pk=<s:property value="Moid"/>">  <s:property value="Homo"/> </a>
                                                              
                                                        </li>
                                                    </s:iterator>    
                                                    </ul>
                                                </div>      
                                            </li>
                                            </s:iterator>
                                            
                                          
                                        </ul>
                                    </div>
                                </li>
                                 <s:set name="session" value="session['connecte']"></s:set>
                         <s:if test="%{#session ==null}" >
                                <li>
                                    <a href="loginLerner">Examen</a>
                                                                   </li>
                                </s:if>
                        <s:if test="%{#session =='true'}" >
                                <li>
                                    <a href="examthemefront">Examen</a>
                                                                   </li>
                                </s:if>
                                 
                                <li><a href="entreprise.jsp">Entreprise</a></li>
                                <li><a href="#">Forum</a></li>
                                <li>
                                    <a href="contact.html">Contactez-nous<i class="icon-caret-down"></i></a>
                                    <div>

                                    </div>
                                </li>
                                 <li><a href="#">Messagerie</a></li>
                               

                            </ul><!--end nav-->
                        </div>
				</div>
				<!--end container-->
			</div>
			<!--end mainNav-->
	</div>

	</header>
	<!-- end header -->



	<div class="container">
       
		<div class="row">
          
			<div class="span9">
			<s:iterator value="tr">
				<div style="width:500px;">

<div style="margin-left:15px;"><s:property value="Natr" /> </div>
 <s:set name="picture" value="picture"></s:set>
                         <s:if test="%{#picture != null}" >
<div style="width:72px;height:72px;"><img alt="" src="<s:property value="picture"/>"></div>
</s:if>
  <s:if test="%{#picture == null}" >
<div style="width:72px;height:72px;"><img alt="" src="${pageContext.request.contextPath}/Vues/img/72x72.jpg.jpg"></div>
</s:if>
<div style="margin-left:100px;width:600px;"><p><s:property value="description"/></p>

</div>
</div>				</s:iterator>
			</div>
			<!--end span9-->
        

			<div class="span3">
				<div class="titleHeader clearfix">
					<h3>Telecharger notre application</h3>
				</div>
				<!--end titleHeader-->
				<ul class="unstyled my-account">

					<li><img
						src="${pageContext.request.contextPath}/Vues/img/android.jpg" /></li>
					<li><img
						src="${pageContext.request.contextPath}/Vues/img/iphone.png" /></li>
				</ul>
			</div>
			<!--end span3-->

		</div>
		
		<!--end row-->

	</div>
	<!--end conatiner-->

	<!--begain footer-->

	<!--begain footer-->
	<footer>
		<div class="footerOuter">
			<div class="container">
				<div class="row-fluid">

					<div class="span6">
						<div class="titleHeader clearfix">
							<h3>LIENS UTILES</h3>
						</div>


						<div class="usefullLinks">
							<div class="row-fluid">
								<div class="span6">
									<ul class="unstyled">
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i> A propos</a></li>
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i> Contactez-Nous</a></li>
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i>Théme/Module</a></li>
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i>Examen</a></li>
									</ul>
								</div>

								<div class="span6">
									<ul class="unstyled">
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i>FAQ</a></li>
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i>Entreprise</a></li>
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i>Formateur</a></li>

									</ul>
								</div>
							</div>
						</div>

					</div>
					<!--end span6-->

					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Contact Info</h3>
						</div>

						<div class="contactInfo">
							<ul class="unstyled">
								<li>
									<button class="btn btn-small">
										<i class="icon-volume-up"></i>
									</button> Tél: <a class="invarseColor" href="#">5246-4697-891</a>
								</li>
								<li>
									<button class="btn btn-small">
										<i class="icon-envelope-alt"></i>
									</button> <a class="invarseColor" href="#">PA.learning@gmail.com</a>
								</li>
								<li>
									<button class="btn btn-small">
										<i class="icon-map-marker"></i>
									</button> 22 Avenue 2mars....
								</li>
							</ul>
						</div>

					</div>
					<!--end span3-->

					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Newslatter</h3>
						</div>

						<div class="newslatter">
							<form method="get" action="">
								<input class="input-block-level" type="text" name="email"
									value="" placeholder="Your Name..."> <input
									class="input-block-level" type="text" name="email" value=""
									placeholder="Your E-Mail...">
								<button class="btn btn-block" type="submit" name="">Join
									Us Now</button>
							</form>
						</div>

					</div>
					<!--end span3-->

				</div>
				<!--end row-fluid-->

			</div>
			<!--end container-->
		</div>
		<!--end footerOuter-->


		<div class="container">
			<div class="row">
				<div class="span12">

					<p>© Copyrights 2012 for shopfine.com</p>
				</div>
			</div>
		</div>
	</footer>
	<!--end footer-->




	<!-- Sidebar Widget
	================================================== -->



	<!-- JS
	================================================== -->
	<script src="${pageContext.request.contextPath}/Vues/js/jquery.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery-ui.min.js"></script>
	<!-- jQuery.Cookie -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.cookie.js"></script>
	<!-- bootstrap -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/bootstrap.min.js"></script>
	<!-- flexslider -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.flexslider-min.js"></script>
	<!-- cycle2 -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.cycle2.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.cycle2.carousel.min.js"></script>
	<!-- tweets -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.tweet.js"></script>
	<!-- fancybox -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/fancybox/jquery.fancybox.js"></script>
	<!-- custom function-->
	<script src="${pageContext.request.contextPath}/Vues/js/custom.js"></script>

</body>


</html>